﻿

        a:link {text-decoration:none;}
        select 
        {
            color:white;
       background: transparent;
      overflow:hidden;
    width: 120%;
   -webkit-appearance: none;
   -ms-appearance:none;
   background: url(IMAGE/SKINS/selectArrow.jpg) no-repeat right #ddd ;
   border: 3px solid #ccc;
   }
        
          .gridWrap
        {
            
            width:100%;
            float:left;
            height:150px;
            
            /*-----------*/
            background-image:url('IMAGE/white_space.png');
  
            z-index:1;
            border:1px solid black;
        }
        .gridImage
        {
           position:relative;
           width:20%;  
           
           /*----------**/
           position:relative;
           
                
            margin-left:10px;
            margin-top:20px;
            z-index:2;
            
            float:left;
        }
        
        .gridProductInformation
        {
            position:relative;
            width:55%;
            float:left;
            
            z-index:2;
            margin-left:10px;
            margin-top:20px;
            font-size:medium; 
            font-family:@Arial Unicode MS;
        }
       .gridLink
        {
            
            
            position:relative;
            width:20%;
            
            float:left;
            font-size:medium; 
            margin-left:10px;
            margin-top:1px;
            z-index:4;
            
            font-family:@Arial Unicode MS;
            
        }
        .moreDetails
        {
            margin-top:80px;
        }
        
        
        .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.black {
	color: #fef4e9;
	border: solid 1px #303030;
	background: #303030;
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#303030));
	background: -moz-linear-gradient(top,  #303030,  #303030);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#303030');
}
.black:hover {
	background: #282828;
	background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#181818));
	background: -moz-linear-gradient(top,  #383838,  #181818  );
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#181818');
}
.black:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
        
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }        
        
    